@charset "utf-8";
/* CSS Document */


/*banner*/
.ibanner{position:relative; padding-top:90px;}
.ibanner a,.ibanner img{display:block;}
.ibanner img{width:100%;max-width:100%;}

/*banner*/
.ibtnleft,.ibtnright {position:absolute; top:55%;}
.ibtnleft {left:3%;cursor:pointer;}
.ibtnright {right:3%;cursor:pointer;}
.imgList {width:100%; z-index: 10;}
.imgList ul {position:relative;}
.imgList li {position:absolute; -webkit-transition:all linear 1s; -moz-transition:all linear 1s; transition:all linear 1s; opacity:0; filter:alpha(opacity=0);}
.imgList li:first-child {position:static; }
.imgList .imgOn {opacity:1; filter:alpha(opacity=100);}
.boxbanner {width:100%; float:left; -webkit-box-flex:1; -moz-box-flex:1; box-flex:1.0;}


.swiper-active-switch{background-color:#181777;}
.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;    /*-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);*/cursor:pointer;}
.swiper-container,.swiper-slide,.swiper-wrapper{height:auto!important;}
.swiper-pagination-switch:last-child{margin-right:0!important;}
.swiper-pagination-switch{display:inline-block;width:10px;height:10px;background-color:#fff;-moz-border-radius:50%;border-radius:50%;opacity:1;font-size:0px;margin:0 8px 0 0;cursor:pointer;-webkit-text-size-adjust:none;line-height:1em;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;transition:all 0.3s ease;}
.swiper-pagination{position:absolute;bottom:15px;left:0;width:100%;text-align:center;z-index:1;font-size:0;-webkit-text-size-adjust:none;}
.swiper-slide{overflow:hidden!important;}



/*首页产品*/
.prodiv {height: 80px; }
.prodiv>p { width:33.33%; float:left; font-size:18px; color:#646464; height: 80px; line-height:80px; text-align: center; cursor: pointer;}
.prodiv>p.ipshow {background-color:#0067ac; color:#fff; position:relative; }
.prodiv>p>i{ font-size:26px; padding-right:2%;}
.prodiv>p>span{font-style:normal;}

.prodiv2{width: 100%; padding:50px 0;background:#f7f7f7 url(../images/prodiv2.jpg) center center no-repeat;}
.ipwenzi{ float:left;  padding-top: 100px;}
.ipwenzi .iptit { font-size:30px; color:#012152; margin-bottom:30px; }
.ipwenzi .iptit2 { font-size:23px; color:#696969; margin-bottom:30px; }
.ipwenzi .ipdes { font-size:14px; color:#696969; }
.ipwenzi .ipline { width:10%; border-bottom:2px solid #c3c3c3; height:3px; margin-bottom:4%; }
.ipwenzi { width:30%;}

.ipimg {width: 67%; padding-top: 45px; float: right;}
.ipimg ul li{ float:left; border:5px solid #fff; margin:4px; text-align:center;}
.ipimg ul li:nth-child(1){ width:282px; height:342px; overflow:hidden;}
.ipimg ul li:nth-child(2){ width:322px; height:232px; overflow:hidden;}
.ipimg ul li:nth-child(3){ width:226px; height:253px; overflow:hidden;}
.ipimg ul li:nth-child(4){ width:286px; height:190px; overflow:hidden; margin-right:0;}
.ipimg ul li img{ width:100%;height:100%;transition: all 0.5s;-webkit-transition: all 0.5s;}
.ipimg ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.ipdes { line-height:30px; }
.ipbtn { margin-top:7%; width:150px;text-align:center;}
.ipbtn a{ float:left;width:100%; line-height:46px;background:#be0108; color:#fff; font-size:16px; border-radius:5px;}
.ipbtn a:hover{box-shadow: 0 1px 6px 0px rgba(190,1,8,1);transition: all 0.5s;-webkit-transition: all 0.5s;}
.none{display: none;}
/*首页公司介绍*/
.isocial{width: 100%;height: auto;padding:120px 0 130px 0;overflow: hidden; }
.isocial .pic{width:45%;overflow: hidden;float: left;}
.isocial .pic img{display: block;width: 100%;transition: all 0.5s;-webkit-transition: all 0.5s;}
.isocial .pic:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.isocial .box{width: 45%;height: auto;float: right;}
.isocial .box h2.mintit{display: block;font-size: 50px;color: #012152;line-height: 90px;margin-bottom: 15px;}
.isocial .box h2.mintit i{display: block;width: 125px;height: 3px;background-color: #012152;}
.isocial .box span{font-size: 65px;color: #999;text-transform:capitalize;line-height: 120px;position: relative;font-family: 'BEBAS';margin-bottom: 20px;}
.isocial .box .cent{font-size: 16px;line-height: 32px;color: #585858;margin-bottom: 45px;}
.isocial .box .btns{
        display: block;
        width: 130px;
        height: 48px;
        line-height: 48px;
        color: #fff;
        font-size: 18px;
        padding: 0 30px;
        border-radius: 3px;
        text-transform: capitalize;
        font-family: 'BEBAS';
        background: #005ba0 80% center no-repeat;
        border: 1px solid #005ba0;
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
    }
.isocial .box .btns:hover{background:#005ba0 87% center no-repeat;box-shadow: 0 1px 6px 0px rgba(0,91,160,1)}
/**************************************/
.inCase{padding: 80px 30px;background: url(../images/in_02.jpg) no-repeat center top;position: relative;}
.title h3{font-size: 30px;font-weight: normal;}
.title .line{width: 28px;background: #005bac;height: 3px;display: block;margin: 25px 0 30px;}
.inCase:after{position: absolute;content: '';display: block;width: 50%;left: 0;top: 0;height: 100%;z-index: 1; background: rgba(0,103,172,0.9);}
.inCase .divBox{position: relative;z-index: 2;}
.inCaseTop{width: 46%;overflow: hidden;height: 290px;margin-bottom: 45px;}
.inCaseTop ul{transition: all 0.6s ease-in-out;}
.inCaseTop .title h3{color: #fff;}
.inCaseTop .title .line{background: #fff;}
.inCaseTop h4{font-size: 20px;color: #fff;font-weight: normal;margin-bottom: 30px;height: 26px;}
.inCaseTop p{ font-size:15px;color: #fff;line-height: 26px;}
.inCaseTop i{display: block;width: 43px;height: 43px;border: 1px solid #fff;border-radius: 50%;color: #fff;text-align: center;line-height: 43px;font-size: 16px;margin-top: 35px;}
.inCaseTop li:hover i{background: #fff;color: #329BD5;}
.inCaseTop li{padding-bottom: 20px;}
.inCaseBan{ width:98%; padding:0 1% 40px 1%;position: relative;}
.inCaseBan .swiper-container{background: #fff;}
.inCaseBan .swiper-slide{cursor: pointer;}
.inCaseBan i{padding-top: 30px;display: block;margin: 0 auto 16px;text-align: center;font-size: 48px;color: #dbdbdb;}
.inCaseBan p{padding-bottom: 30px;text-align: center; font-size:16px;}
.inCaseBan .swiper-slide:hover i, .inCaseBan .swiper-slide.on i, .inCaseBan .swiper-slide:hover p, .inCaseBan .swiper-slide.on p{color: #0067ac;}
.inCaseBan .swiper-pagination{left: 50%;bottom: 0;transform: translateX(-50%);}
.inCaseBan .swiper-pagination-bullet{width: 8px;height: 8px;margin: 0 7px; position: relative;background: #bfb3ae;opacity: 1;}
.inCaseBan .swiper-pagination-bullet:after{content: '';border-radius: 50%; display: block;width: 14px;height: 14px;border: 1px solid rgba(255,255,255,0.7);opacity: 0;position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -8px;}
.inCaseBan .swiper-pagination-bullet-active, .inCaseBan .swiper-pagination-bullet:hover{background: #fff;}
.inCaseBan .swiper-pagination-bullet-active:after, .inCaseBan .swiper-pagination-bullet:hover:after{opacity: 1;}





/*partners*/
.partners{ overflow: hidden;padding:80px 0;background: #f8f8f8; }

/*partners_scr*/
#partners_scr{ margin-top: 20px;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.partners_img{ width: 100%; text-align: center; display: table; position: relative;}
.partners_img a{ width:86%;background: #fff; padding:15px 7%;display: table-cell; vertical-align: middle; border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;
-webkit-transition: transition:all 0.4s ease;
    -moz-transition: transition:all 0.4s ease;
    -ms-transition: transition:all 0.4s ease;
    transition: all 0.4s ease;}
.partners_img a img{ display: inline-block;width:100%;}
.partners_img:hover a:before,.partners_img:hover a img{ filter:alpha(opacity=60); opacity: 0.60; }
.partners_img:hover a{ box-shadow: inset 0 0 40px -3px #ddd;}
#partners_scr .owl-controls{ position: absolute; top:-60px; right: 0;}
#partners_scr .owl-pagination,#partners_scr .owl-buttons{ display: inline-block; vertical-align: middle;}
#partners_scr .owl-page span{ background: #012152; margin: 0 0 0 5px;}
#partners_scr .owl-buttons{ margin-left: 10px; background: url("../images/ico_06.png") center center no-repeat;}
#partners_scr .owl-buttons div{ width: 30px; height: 30px; text-indent: -9999px; background: url("../images/arrow1_left.png") center center no-repeat;}
#partners_scr .owl-buttons div.owl-next{ background-image: url("../images/arrow1_right.png");}


/*首页新闻*/
.h-news{ width: 100%; height: auto; overflow: auto;  padding: 100px 0;background: url("../images/partners_01.jpg") center top;}
.h-news .intit{ color:#fff;}
.intit { font-size:34px; color:#012152; width:100%; margin-bottom:2.5%; height: 34px; line-height: 34px; }

.intit span{float: left;}
.intit a{float: right; font-size: 16px; color: #fff; margin-top: 10px;}
.initem { width:22.8%; margin-right:2.9333%; overflow:hidden; float: left; }
.inlist .initem:last-child {  margin-right:0;}
.initem > p { float:left; width:100%; overflow:hidden; }
.inlist .inctit{ font-size:16px; margin:6% 0 5% 0; }
.w_box{ float:left;width: 94%;background:#fff; padding:30px 3%;}
.inlist .inctit a{color: #323232;display:inline-block;width:-webkit-calc(100% - 50px);width:-moz-calc(100% - 50px);width:calc(100% - 50px);line-height:21px;height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.inlist .inctit > span { color:#969696; float:right; }
.inlist .inctit > span > small { font-size:12px; }
.inlist .indes { font-size:13px; color:#828282; line-height:26px;height:78px;overflow:hidden; }

@media screen and (max-width:1600px){
	.isocial .box h2.mintit {font-size: 40px;line-height: 70px; margin-bottom: 10px;}
	.isocial .box span { font-size: 35px;line-height: 120px;margin-bottom: 20px;}
	.partners_img a{ width:90%; padding:10px 5%;}
	.erweima {padding: 20px 20px 15px;}
	.shared{ display:none;}
}


@media screen and (max-width:1366px){

	
	
	/*首页产品*/
	.ipwenzi {width:45%; padding-top: 40px;}
	.ipwenzi .iptit { font-size:24px;}
	.ipwenzi .iptit2 { font-size:16px;}
	.ipwenzi .ipdes { font-size:14px;}
	.prodiv>p{font-size: 16px;}
	
	.ipimg {width: 50%; padding-top: 0px;}
	.ipimg ul li:nth-child(1) {width:-webkit-calc(50% - 18px); width:-moz-calc(50% - 18px); width:calc(50% - 18px); height:auto;}
	.ipimg ul li:nth-child(2) {width:-webkit-calc(50% - 18px); width:-moz-calc(50% - 18px); width:calc(50% - 18px);height:auto;}
	.ipimg ul li:nth-child(3) {width:-webkit-calc(50% - 18px); width:-moz-calc(50% - 18px); width:calc(50% - 18px);height:auto;}
	.ipimg ul li:nth-child(4) {width:-webkit-calc(50% - 18px); width:-moz-calc(50% - 18px); width:calc(50% - 18px);height:auto;margin-right: 4px;}
	.ipimg ul li img{ width:100%;}
	

	/*首页公司介绍*/
	.isocial .box h2.mintit {font-size: 36px;margin-bottom: 0px;}
	.isocial .box span {line-height: 80px;margin-bottom: 10px;}
	.isocial .box .cent { margin-bottom: 25px;}
	/*首页新闻*/


}



@media screen and (max-width:1280px){

	
	
	
	/*首页公司介绍*/
	.isocial .pic {width: 43%;}
	.isocial .box {width: 50%;}
	.isocial .box h2{ padding-top: 0px;}
	.isocial .box h2.mintit {font-size: 32px;margin-bottom: 0px;}
	.isocial .box span {line-height: 60px;margin-bottom: 10px;}
	.isocial .box .cent {font-size: 14px; margin-bottom: 20px;}
	.isocial .box .btns {width: 100px;height: 38px;line-height: 38px;}
	
	/*首页新闻*/
	.intit { font-size: 32px;}


	
	.inCase:after{width: 100%;}
	.title h3, .title2 h3{font-size: 20px;}
	.inCaseTop h4{font-size: 16px;margin-bottom: 20px;height: auto;}
	.inCaseTop{width: auto;    height: 225px;}
	.inCaseTop i{height: 30px;line-height: 30px;width: 30px;margin-top: 20px;}
	.inCaseTop{margin-bottom: 30px;}
	.inCase{padding: 30px 10px;}
	

}


@media (max-width: 991px){
	.ibanner { padding-top: 60px;}
	.ibanner .swiper-button-prev,.ibanner .swiper-button-next{display:block;left:5%;-webkit-transform:translate(0,-50%) scale(0.8);-moz-transform:translate(0,-50%) scale(0.8);-ms-transform:translate(0,-50%) scale(0.8);transform:translate(0,-50%) scale(0.8);}
	.ibanner .swiper-button-next{left:auto;right:5%;}
		
	/*首页产品*/
	.prodiv{width: 100%;}
	.ipwenzi { padding-top: 0px;}
	.ipbtn {width: 120px;}
	.ipbtn a{line-height:36px;}
	.ipwenzi .iptit { font-size:24px;}
	.ipwenzi .iptit2 { display:none;}
	
	.ipwenzi .ipdes { font-size:14px;}
	.prodiv>p{font-size: 16px;}
	
	/*首页公司介绍*/
	.isocial {padding: 70px 0;}
	.isocial .box h2.mintit { font-size:24px;line-height: 40px;}
	.isocial .box h2.mintit i {width: 100px;height: 2px;}
	.isocial .box span{ display:none;}
	.isocial .box .cent { line-height:24px;}
	
	.inCase{padding: 50px 10px;}
	.inCaseTop{height: 250px;}

	/*首页新闻*/
	.h-news {padding: 70px 0;}
    .sec_box,.advantage_warp,.news,.tech,.resource,.touch{ padding: 40px 0;}
    /*标题样式*/
    .sec_tit,.business_tit a em,.company_tit,.profile_tit,.about_tit{ font-size: 20px;}
    .sec_tit a em,.business_tit em,.company_tit em,.profile_tit em,.about_tit em{ font-size: 14px;}
    .agency .about_tit, .range .about_tit, .why2 .about_tit{ font-size: 24px;}
    /*按钮样式*/
    #distribution_scr .owl-buttons div,
    #sync1 .owl-buttons div,
    #honor_scr .owl-buttons div,
    #successful_scr .owl-buttons div{ width: 36px; height: 36px; margin-top: -18px;}
	


}


@media screen and (max-width:768px){
	/*首页产品*/
	
	/*首页公司介绍*/
	
	/*首页新闻*/
	.inlist {width: 92%; padding:0 4%; font-size:18px;}
	.intit span{font-size: 24px;}
	.intit a{font-size: 16px; margin-top: 5px;}
	.initem{width: 100%; margin-bottom: 3%; padding-right:0;background:#fff;}
	.initem>p{width: 45%; float: left;}
	.initem img{width: 100%;}
	.initem .inctit{width: 50%; float: right; margin:20px 0 2% 0; font-size: 18px;}
	.initem .inctit span{float: none; margin-left: 20px;}
	.initem .indes{width: 50%; float: right;text-overflow: ellipsis;}

}
@media screen and (max-width:640px){
	.ipwenzi{width: 100%; margin-bottom:20px;}
	.ipimg {width: 100%;}
	/*首页公司介绍*/
	.isocial .pic {width: 100%;}
	.isocial .pic img{ margin-top:-80px;}
	.isocial .box { width: 100%;}
	.isocial .box h2.mintit { font-size:32px;line-height: 50px; margin:10px 0;}
	.isocial .box h2.mintit i {width: 120px;height: 2px;}
	.isocial .box span{ display:none;}
	.isocial .box .cent { line-height:32px;}
	
	.title .line {margin: 15px 0;}
	.inCaseTop{height: 231px;}
	.inCaseBan i{padding-top: 25px;font-size: 35px;}
	.inCaseBan .swiper-pagination{width: 100%;}
	
	.inCaseTop li{padding-bottom: 25px;}

}

@media screen and (max-width:480px){
	.initem .inctit span { display:none;}
	.inlist .indes {line-height: 22px;height:66px;}
	.h-news {padding: 30px 0;}
	}
@media screen and (max-width:412px){
	.ibanner .swiper-button-prev, .ibanner .swiper-button-next { top:70%;}
	
	.isocial .box h2.mintit {font-size: 24px;}
	
	.isocial .pic { height:auto;}
	.inCaseTop {height: 258px;}
	.h-news {padding: 50px 0;}
	
	.initem {width: 90%;padding:10px 5%;}
	.initem>p { width: 100%;}
	.initem .inctit {width: 100%;}
	.initem .indes { width: 100%;}
	
	
	.partners_img a { padding: 8px 5%;}
}

@media screen and (max-width:360px){
	.isocial {padding: 40px 0;}
}

@media screen and (max-width:320px){
	.prodiv>p>i { display:none;}
	.prodiv2 {padding: 30px 0;}
	.ipwenzi .iptit { margin-bottom: 20px;}
	.ipimg ul li:nth-child(1) {width:-webkit-calc(100% - 18px); width:-moz-calc(100% - 18px); width:calc(100% - 18px);}
	.ipimg ul li:nth-child(2) {width:-webkit-calc(100% - 18px); width:-moz-calc(100% - 18px); width:calc(100% - 18px);}
	.ipimg ul li:nth-child(3) { display:none;}
	.ipimg ul li:nth-child(4) {display:none;}
	
	.inCaseTop { height: 305px;}
	
	.partners_img a {padding: 5px 5%;}
}